<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>天猫精选-理想生活上天猫</title>
    <link href="//img.alicdn.com/tfs/TB1XlF3RpXXXXc6XXXXXXXXXXXX-16-16.png" rel="shortcut icon" type="image/x-icon">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/tmall_HomePage.css">
</head>

<body>
    <!-- 状态栏 -->
    <div class="head">
        <div class="auto">
            <div class="auto-l">
                <em>喵，欢迎来天猫</em>
                <a href="../html/tmall_Login.html" class="auto-l-login">请登录</a>
                <a href="../html/tmall_Register.html" class="auto-l-register">免费注册</a>
            </div>
            <ul class="auto-r">
                <li class="auto-r-li">
                    <div class="sn-menu sn-menus" id="sn-menuf1">
                        <a href="#" class="sn-menu-a">我的淘宝</a><img src="../images/下拉菜单.png" alt="" srcset="" class="sn-menu-img sn-menu-imgs">
                    </div>
                    <div class="fn-menu fn-menus" id="fn-menuf1">
                        <p>
                            <a href="#" class="fn-menu-a">已买到的宝贝</a>
                        </p>
                        <p>
                            <a href="#" class="fn-menu-a">已卖出的宝贝</a>
                        </p>
                    </div>
                </li>
                <li class="auto-r-li">
                    <div class="sn-menu">
                        <img src="../images/cart-fill.png" alt="" class="sn-menu-img" style="width: 14px;height: 16px;">
                        <a href="#" class="sn-menu-a">购物车</a>
                    </div>
                </li>
                <li class="auto-r-li">
                    <div class="sn-menu sn-menus" id="sn-menuf2">
                        <a href="#" class="sn-menu-a">收藏夹</a><img src="../images/下拉菜单.png" alt="" srcset="" class="sn-menu-img sn-menu-imgs">
                    </div>
                    <div class="fn-menu fn-menus" id="fn-menuf2">
                        <p>
                            <a href="#" class="fn-menu-a">收藏的宝贝</a>
                        </p>
                        <p>
                            <a href="#" class="fn-menu-a">收藏的店铺</a>
                        </p>
                    </div>
                </li>
                <li class="sn-separator"></li>
                <li class="auto-r-li">
                    <div class="sn-menu" id="sn-menuf3">
                        <img src="../images/绑定手机_icon.png" alt="" class="sn-menu-img">
                        <a href="#" class="sn-menu-a">手机版</a>
                    </div>
                </li>
                <li class="auto-r-li">
                    <div class="sn-menu">
                        <a href="#" class="sn-menu-a">淘宝网</a>
                    </div>
                </li>
                <li class="auto-r-li">
                    <div class="sn-menu sn-menus" id="sn-menuf4">
                        <a href="#" class="sn-menu-a">商家支持</a><img src="../images/下拉菜单.png" alt="" srcset="" class="sn-menu-img sn-menu-imgs">
                    </div>
                    <div class="fn-menu fn-menus" id="fn-menuf4">
                        <div style="border-bottom:1px dashed black; padding-bottom: 5px;">
                            <p>商家:</p>
                            <ul class="fn-menu-ul" style="margin-right: 20px;">
                                <li>
                                    <a href="#">商家中心</a>
                                </li>
                                <li>
                                    <a href="#">商家入驻</a>
                                </li>
                                <li>
                                    <a href="#">商家品控</a>
                                </li>
                                <li>
                                    <a href="#">天猫智库</a>
                                </li>
                            </ul>
                            <ul class="fn-menu-ul">
                                <li>
                                    <a href="#">天猫规则</a>
                                </li>
                                <li>
                                    <a href="#">运营服务</a>
                                </li>
                                <li>
                                    <a href="#">商家工具</a>
                                </li>
                                <li>
                                    <a href="#">喵言喵语</a>
                                </li>
                            </ul>
                        </div>
                        <div style="border-bottom:1px dashed black; padding: 5px 0;">
                            <p>帮助:</p>
                            <ul class="fn-menu-ul">
                                <li>
                                    <a href="#">商家服务大厅</a>
                                </li>
                                <li>
                                    <a href="#">问商友</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="auto-r-li">
                    <div class="sn-menu" id="sn-menuf5">
                        <img src="../images/si-glyph-bullet-list-2.png" alt="" srcset="" class="sn-menu-img">
                        <a href="#" class="sn-menu-a">网站导航</a><img src="../images/下拉菜单.png" alt="" srcset="" class="sn-menu-img">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- logo -->
    <div class="input">
        <div class="headerLayout">
            <div class="tmall_logo">
                <img src="../images/TB1ihPoHXXXXXboXpXXUpzO_VXX-116-48.png" alt="" srcset="">
            </div>
            <div class="tmall_input">
                <input type="text" placeholder="搜索 天猫 商品/品牌/店铺"><button>搜索</button>
            </div>
        </div>
    </div>
    <!-- 身体 -->
    <div class="conent">
        <div class="jx-nav">
            <div class="container">
                <div class="container-title">商品服务分类</div>
                <div class="main-nav">
                    <a href="#">尚天猫</a>
                    <a href="#">喵鲜生</a>
                    <a href="#">天猫会员</a>
                    <a href="#">电器城</a>
                    <a href="#">天猫超市</a>
                    <a href="#">医药馆</a>
                    <a href="#">天猫国际</a>
                    <a href="#">天猫汽车</a>
                </div>
            </div>
        </div>
        <div class="conent-ul">
            <div class="container">
                <ul class="container-ul">
                    <li class="clearfix">
                        <div class="nav-head">
                            <img src="../images/婚纱.png" alt=""> 女装
                        </div>
                        <div class="nav-content">
                            <a href="#">卫衣</a>
                            <a href="#">连衣裙</a>
                            <a href="#">衬衫</a>
                            <a href="#">T恤</a>
                            <a href="#">外套</a>
                            <a href="#">牛仔裤</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="nav-head">
                            <img src="../images/手机.png" alt=""> 数码
                        </div>
                        <div class="nav-content">
                            <a href="#">耳机</a>
                            <a href="#">手机壳</a>
                            <a href="#">显示器</a><br/>
                            <a href="#">移动硬盘</a>
                            <a href="#">充电宝</a>
                            <a href="#">机械键盘</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="nav-head">
                            <img src="../images/T恤 .png" alt=""> 男装
                        </div>
                        <div class="nav-content">
                            <a href="#">冲锋衣</a>
                            <a href="#">外套</a>
                            <a href="#">夹克</a>
                            <a href="#">t恤</a><br/>
                            <a href="#">牛仔裤</a>
                            <a href="#">衬衫</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="nav-head">
                            <img src="../images/沙发.png" alt=""> 家居
                        </div>
                        <div class="nav-content">
                            <a href="#">沙发</a>
                            <a href="#">窗帘</a>
                            <a href="#">花架</a>
                            <a href="#">电脑桌</a><br/>
                            <a href="#">衣柜</a>
                            <a href="#">鞋柜</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="nav-head">
                            <img src="../images/口红.png" alt=""> 美妆
                        </div>
                        <div class="nav-content">
                            <a href="#">面膜</a>
                            <a href="#">香水</a>
                            <a href="#">口红</a>
                            <a href="#">洗发水</a><br/>
                            <a href="#">眼霜</a>
                            <a href="#">洗面奶</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="nav-head">
                            <img src="../images/婴儿车.png" alt=""> 母婴
                        </div>
                        <div class="nav-content">
                            <a href="#">玩具</a>
                            <a href="#">新款童装</a>
                            <a href="#">婴儿床</a><br/>
                            <a href="#">亲子装</a>
                            <a href="#">童鞋</a>
                            <a href="#">婴儿服</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="nav-head">
                            <img src="../images/面.png" alt=""> 美食
                        </div>
                        <div class="nav-content">
                            <a href="#">茶叶</a>
                            <a href="#">零食</a>
                            <a href="#">咖啡</a>
                            <a href="#">水果</a><br/>
                            <a href="#">巧克力</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="nav-head">
                            <img src="../images/T恤 .png" alt=""> 运动
                        </div>
                        <div class="nav-content">
                            <a href="#">运动鞋</a>
                            <a href="#">钓竿</a>
                            <a href="#">运动套装</a><br/>
                            <a href="#">篮球鞋</a>
                            <a href="#">运动裤</a>
                        </div>
                    </li>
                </ul>
                <div class="left">
                    <div class="carousel-one">
                        <div class="swiper-container swiper-no-swiping" id="swiper_container">
                            <div class="swiper-wrapper"></div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                    <div class="carousel-two">
                        <a href="../html/tmall_Details.html">
                            <img src="../images/TB1_m74JFXXXXbYXXXXSutbFXXX.jpg" alt="" srcset="">
                            <img src="../images/TB1rD3SJFXXXXXsXFXXSutbFXXX.jpg" alt="" srcset="">
                            <img src="../images/TB1zp3GJFXXXXbrXVXXSutbFXXX.jpg" alt="" srcset="">
                            <img src="../images/TB1PnoCJFXXXXamXVXXSutbFXXX.jpg" alt="" srcset="">
                        </a>
                    </div>
                </div>
                <div class="right"></div>
            </div>
            <div class="banner">
                <div class="banner-img"></div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="footer">
        <div class="tmall-ensure">
            <div>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>
        <div class="tmall-desc">
            <div class="tmall-desc-div">
                <dl class="dl">
                    <dt>购物指南</dt>
                    <dd>
                        <a href="#">免费注册</a>
                        <a href="#">开通支付宝</a>
                        <a href="#">支付宝充值</a>
                    </dd>
                </dl>
                <dl class="dl">
                    <dt>天猫保障</dt>
                    <dd>
                        <a href="#">发票保障</a>
                        <a href="#">售后规则</a>
                        <a href="#">缺货赔付</a>
                    </dd>
                </dl>
                <dl class="dl">
                    <dt>支付方式</dt>
                    <dd>
                        <a href="#">快捷支付</a>
                        <a href="#">信用卡</a>
                        <a href="#">余额宝</a>
                        <a href="#">蚂蚁花呗</a>
                        <a href="#">货到付款</a>
                    </dd>
                </dl>
                <dl class="dl">
                    <dt>商家服务</dt>
                    <dd>
                        <a href="#">天猫规则</a>
                        <a href="#">商家入驻</a>
                        <a href="#">商家中心</a>
                        <a href="#">天猫智库</a>
                        <a href="#">物流服务</a>
                        <a href="#">喵言喵语</a>
                        <a href="#">运营服务</a>
                    </dd>
                </dl>
                <dl class="dl">
                    <dt>手机天猫</dt>
                    <dd>
                        <a href="#" id="dla"><img src="../images/TB14MWoNhjaK1RjSZFAwu2dLFXa.png" alt=""></a>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="footer-nav">
            <div>
                <p class="footer-info">
                    <a href="#">关于天猫</a>
                    <a href="#">商家服务大厅</a>
                    <a href="#">开放平台</a>
                    <a href="#">诚聘英才</a>
                    <a href="#">联系我们</a>
                    <a href="#">网站合作</a>
                    <a href="#">法律声明</a>
                    <a href="#">隐私权政策</a>
                    <a href="#">知识产权</a>
                    <a href="#">廉正举报</a>
                </p>
                <p class="footer-info">
                    <a href="#">阿里巴巴集团</a>|
                    <a href="#">淘宝网</a>|
                    <a href="#">天猫</a>|
                    <a href="#">聚划算</a>|
                    <a href="#">全球速变通</a>|
                    <a href="#">阿里巴巴国际交易市场</a>|
                    <a href="#">1688</a>|
                    <a href="#">阿里妈妈</a>|
                    <a href="#">飞猪</a>|
                    <a href="#">阿里云计算</a>|
                    <a href="#">AliOS</a>|
                    <a href="#">阿里通信</a>|
                    <a href="#">万网</a>|
                    <a href="#">高德</a>|
                    <a href="#">UC</a>|
                    <a href="#">友盟</a>|
                    <a href="#">虾米</a>|
                    <a href="#">钉钉</a>|
                    <a href="#">支付宝</a>|
                    <a href="#">阿里安全</a>
                </p>
                <div class="footer-copy">
                    <ul class="footer_c_code">
                        <li>增值电信业务经营许可证:浙B2-20110446</li>
                        <li>市场名称登记证:工商网市字3301004119号</li>
                        <li>出版物网络交易平台服务经营备案证:新出发浙备字第2019002号</li>
                    </ul>
                    <ul class="footer_c_text">
                        <li>互联网违法和不良信息举报电话:0571-81683755 blxxjb@alibaba-inc.com</li>
                        <li>互联网药品信息服务资质证书编号:浙-(经营性)-2017-0005</li>
                        <li><img src="https://img.alicdn.com/tps/TB1yEqRPXXXXXXPXpXXXXXXXXXX-20-20.png"><span>浙公网安备33010002000120号</span></li>
                    </ul>
                    <p>医疗器械网络交易服务第三方平台备案:(浙)网械平台备字[2018]第00002号</p>
                    <ul class="footer_c_text">
                        <li>浙江省网络食品销售第三方平台提供者备案:浙网食A33010002</li>
                        <li>12318举报</li>
                        <li>浙B2-20110446-1</li>
                    </ul>
                    <p>&copy; 2003-2020 TMALL.COM 版权所有</p>
                </div>
            </div>
            <div class="num">wormholesource011021111108.center.na62.production</div>
        </div>
    </div>
</body>
<script src="../js/jquery-3.5.1.min.js"></script>
<script src="../js/encapsulationAjax.js"></script>
<script src="../js/swiper-bundle.min.js"></script>
<script src="../js/tmall_HomePage.js"></script>
<script>
    var mySwiper = new Swiper(".swiper-container", {
        loop: true,
    })
</script>

</html>